@charset 'UTF-8';
@import '../../../config/scss/function.scss',
'../../../config/scss/config.scss';
.forgetcode {
    background-color: $c7;
    &.col-xs-12 {
      padding: 0px;
        .abtn {
            font-size: 14px !important;
        }
        .panel {
            .panel-body {
                padding-right: 15px;
                padding-left: 15px;
            }
        }
    }
    .panel {
        margin-top: 70px;
        margin-bottom: 140px;
        border: 0;
        .panel-heading {
            padding-top: 20px;
            height: 70px;
            border: 0;
            background-color: $c1;
            color: #fff;
            div,
            button {
                font-size: 18px;
                color: #fff;
            }
            button {
                background-color: $c1;
                color: $c5;
            }
            button.active {
                color: #fff;
            }
            .dividing-line {
                height: 70px;
                border: 1px solid #fff;
                margin-left: 5px;
                margin-right: 5px;
            }
        }
        .panel-body {
            height: 300px;
            padding-left: 50px;
            padding-right: 50px;
            .form-group-email,
            .form-group-phone {
                margin: 0;
                margin-top: 40px;
                border-bottom: 1px solid $c5;
                padding-bottom: 20px;
                display: flex;
                flex-flow: row nowrap;
                align-items: center;
                label.col {
                    padding: 0;
                }
                input {
                    border: 0;
                    box-shadow: none;
                }
            }
            .button-form-group,
            .button-form-group-phone {
                margin-top: 80px;
                text-align: center;
                button,
                button:hover {
                    border-radius: 20px;
                    border: 1px solid $c1;
                    background-color: $c1;
                    color: #fff;
                    font-size: 18px;
                    padding: 5px 20px;
                }
            }
            .btn-get-code,
            .btn-get-code:hover {
                border-radius: 20px;
                min-width: 100px;
                border: 1px solid $c1;
                text-decoration: none;
                background-color: $c1;
                color: #fff;
            }
            .button-form-group-phone {
                margin-top: 20px;
            }
            .tip-info {
                padding-top: 60px;
                padding-left: 40px;
                .email {
                    color: $c1;
                }
                p {
                    color: $c2;
                }
            }
        }
    }
}

@media screen and (max-width: 768px) {
  .forgetcode{
    background-color: #fff;

    .panel{
      box-shadow: none;
      .panel-heading{
        background-color: #fff;
        div,
        button {
            color: $c3;
        }
        button {
            background-color: #fff;
            color: $c2;
        }
        button.active {
            color: $c3;
        }
        .dividing-line{
          display: none;
        }
      }
    }
  }
}
